<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>即时聊天,即兴沟通</title>
    <link rel="stylesheet" href="/dev/plugins/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="/dev/plugins/layui/layui/css/layui.css">
    <link rel="stylesheet" href="/dev/assets/css/job/page/message.css">
    <link rel="icon" href="/dev/assets/img/geek-job/wanli.jpg" type="image/x-icon">
    <script>
        e();

        function e() {
            // 在这里执行条件检查
            let token = localStorage.getItem("token")
            if (token == null) {
                // 执行页面跳转
                window.location.href = '/dev/views/job/page/login.html';
            }
        }
    </script>
</head>

<body>
<!--导航栏-->
<div id="nav_message"></div>
<!--整个div-->
<div class="main-message">
    <!--包含聊天消息的div-->
    <div id="main" class="inner">
        <div id="container">
            <div class="message-container">
                <!--分模块div-->
                <div class="message-wrap">
                    <!--左侧div-->
                    <div class="message-left">
                        <div class="message-HR">
                            <!--搜索栏-->
                            <div class="message-search">
                                <div class="message-search-main">
                                    <div class="icon-search">
                                        <i class="search-img"></i>
                                    </div>
                                    <input type="text" placeholder="搜索联系人" id="searchInput" class="search-input">
                                    <button type="button" id="searchButton">搜索</button>
                                </div>
                            </div>
                            <!--全部，新招呼-->
<!--                            <div class="lable-list">-->
<!--                                <ul>-->
<!--                                    <li class="selected">-->
<!--                                        <span>全部</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span>新招呼</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span>仅沟通</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span>有交换</span>-->
<!--                                    </li>-->
<!--                                    <li>-->
<!--                                        <span>有面试</span>-->
<!--                                    </li>-->
<!--                                </ul>-->
<!--                            </div>-->
                            <!--正式聊天-->
                            <div class="message-content">
                                <!--装消息的div容器 10.5-->
                                <div class="hr-list" id="searchResults">
                                    <div class="hr-content">
                                        <ul role="thead">

                                        </ul>
                                        <ul role="group" id="chatMessage" style="padding: 0px;">

                                            <!--每人一个div-->

                                            <!--新的人，新的li标签-->

                                            <!--新的人，新的li标签-->

                                        </ul>

                                        <!--没有更多0-->
                                        <div class="nomore">
                                            <div class="hr-list-nomore">
                                                <div class="nomore-text">没有更多了</div>
                                            </div>
                                        </div>
                                        <div style="width: 100%; height: 0px;"></div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>


                    <!--分界线-->
                    <!--中间div-->
                    <div class="message-center">
                        <div style="margin: auto">
                            <span style="color: #00a6a7"><h3>点击左侧，开始聊天吧！！</h3></span>
                        </div>
                    </div>

                </div>
            </div>


        </div>
    </div>
</div>

<!--必须先引入jquery.min.js-->
<script src="/dev/plugins/jquery/jquery.min.js"></script>
<script src="/dev/plugins/bootstrap/js/bootstrap.js"></script>
<script src="/dev/plugins/layui/layui/layui.js"></script>
<script>
    $("#nav_message").load("/dev/views/common/nav.html")
</script>
<script src="/dev/assets/js/job/page/message.js"></script>


</body>

</html>